﻿@{
    ViewBag.Title = "Lista de compras";
}

<style type="text/css">
/* aplicar por id  */
#titulo1 
{
	font:30px arial,sans-serif;
}

/* aplicar por etiqueta  */
h2 
{
	font:28px arial,sans-serif;
}

/* aplicar por class  */
.otrotitulo 
{
	font:20px arial,sans-serif;
}

table thead.miNombre 
{
	font:10px arial;
	background-color: grey;
	color: White;
}

td 
{
	border: 1px solid grey;
}


</style>

  <!-- HEADING 1 == Titulo primero -->
  <h1 id="titulo1">Mi Lista de Compras</h1>
  <h2>Agregar item</h2>
  <form action="/ElSuper/Agregar" method="post">

  @{
      string[] names = Enum.GetNames(typeof(Ejemplo1Web.Controllers.RubrosEnum));    
  }

<label>
  <span>Rubro</span>
  <select name="rubro">
    @for (int i = 0; i<names.Length; i++) 
    {
        var s = names[i];
        <option value="@i">@s</option>
    }
    </select>
</label>
    <br />
    

    <label>
      <span>Nombre</span>
      <input type="text" name="nombre" value=""/>
    </label>
    <br />
    <label>
      <span>Cantidad</span>
      <input type="number" name="cantidad" />
    </label>
    <br />
    <input type="submit" />
  </form>
  
    <!-- HEADING 2 == Titulo segundo -->
  <h2 class="otrotitulo">Lista actual</h2>

  <table  >
    <thead class="miNombre">
    <tr>
      <th>Nombre</th>
      <th>Cantidad</th>
      <th>Rubro</th>
      <th>Operaciones</th>
    </tr>
    </thead>

    <tbody>
     
      @{
    int co = 0;
    int total=0;
    foreach (var i in Model)
    {
 
    total = total + @i.cantidad;
     <tr>
        <td>@i.nombre</td>
        <td>@i.cantidad</td>
        <td>@i.rubro</td>
        <td><a href="@Url.Action("Borrar")?pos=@co">Borrar Item</a> <a href="@Url.Action("Modificar")?pos=@co">Modificar Item</a> </td>
      </tr>
    co++;
    }
}
</tbody>

    <tfoot>
      <tr>
        <th colspan="4">Total compra *cantidad* @total</th>
      </tr>
    </tfoot>

  </table>


